<!--
 * @Author: 雷佳斌 leijiabin@yunjinhz.com
 * @Date: 2024-03-07 11:21:42
 * @LastEditors: 祝肖 1738052358@qq.com
 * @LastEditTime: 2024-04-12 20:41:01
 * @FilePath: \zmglpt-ui-mobile-v1.1\dev\pages\query\stats\statsCom.zh-FJ.vue
 * @Description: 许可统计首页- 福建特例
-->
<template>
	<view class="page">
	  <!-- #ifdef H5-ONLY -->
	  <theme-navbar
		:is-white="false"
		:title="navTitle"
		:custom-back="goBack"
		style="z-index: 99999"
	  >
	  </theme-navbar>
	  <!-- #endif -->
	  <view class="content u-page">
		<!-- 内容区 -->
		<u-image class="head-img" :width="getImgWidth()" src="/static/common/banner_op.png" mode="widthFix"></u-image>
		<view class="grid-lay">
		  <u-grid :col="3" :border="false">
			<u-grid-item :index="index" v-for="(item,index) in list" :key="item.key" @click="gridClick">
			  <u-image :src="item.iconPath" :width="100" mode="aspectFit" :height="100"></u-image>
			  <view class="grid-text">
				{{ item.text }}
			  </view>
			</u-grid-item>
		  </u-grid>
		</view>
	  </view>
	</view>
  </template>
  
  <script>
  export default {
	components: {
  
	},
	data() {
	  return {
		list:[
		  {
			iconPath: "../../../static/dashboard/xktj.png",
			text: '许可统计查询',
			key:0,
			url:'/pages/query/stats/statsComSearch',
		  },
		  {
			iconPath: "../../../static/common/icon_zjcx.png",
			text: '许可办理统计',
			key:0,
			url:'/pages/query/stats/licProcessSearch',
		  },
		],
	  };
	},
	// 页面加载成功后也要设置一次，用于处理本页面刷新后失效问题
	mounted() {
  
	},
	methods: {
	  gridClick(index){
		if(this.list[index].url){
		  this.setRouteParam(this.list[index].text);
		  this.$u.route(this.list[index].url);
		}
	  },
	  getImgWidth(){
		return (this.$u.sys().windowWidth - uni.upx2px(32)) + 'px';
	  },
	},
  };
  </script>
  
  <style lang="scss" scoped>
  .head-img{
	width: 100%;
	padding: 16rpx 16rpx;
	margin: 0 auto;
  }
  .grid-lay{
	  padding: 0 32rpx;
  }
  .grid-text{
	  color: $u-main-color;
	  margin-top: 24rpx;
	  font-size: 30rpx;
  }
  </style>
  